<script lang="ts" setup>
// import { reactive, computed, watchEffect } from 'vue'
// const obj = reactive({
//     count: 1
// })
// const double = computed(() => obj.count * 2)
// obj.count = 2
// watchEffect(() => {
//     console.log('数据被修改了', obj.count, double.value)
// })
import { useMouse } from '@vueuse/core'
const {x, y} = useMouse()
console.log(x.value)
const mouse = useMouse()

console.log(mouse.x.value)

</script>
<template>
    <div>使用proxy实现一个简易的响应式功能</div>
    <div>
        <h3>使用vue use中工具函数</h3>
    </div>
</template>